import React from 'react'
import ReactDOM from 'react-dom'

// react 的函数式组件
// React 的组件的首字母必须大写
//    如果首字母大写，就会被当成自定义组件
//    如果没有大写，从107个固有的html（html5元素周期表：http://www.html5star.com/manual/html5label-meaning/）标签中查找，如果没有找到，报错
// 函数式组件的默认参数为 props，它是一个对象
const App = function (props) { // 拥有自己的默认参数为 props
  console.log(props)
  return <h1> hello react - { props.name }</h1>
}

ReactDOM.render(
  <App name="吴大勋"></App>,
  document.querySelector('#root')
)